*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.both(@derection,@radius){
    height: 2.8rem;
    display: flex;
    align-items: center;
    padding:0 1rem;
    border-@{derection}: 1px solid gray;
    input{
        border: none;
        width: 100%;
        height: 70%;
        background: rgb(243, 243, 243);
        border-radius:@radius;
    }
}
.header{
    // position: fixed;
    .both(bottom,0.25rem);
}
.title{
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    >div:first-child{
        >div:first-of-type{
            img{
                width: 1rem;
            }
        }
        >div:nth-of-type(n+2){
            span:first-child{
                font-size: 0.9rem;
                color:blue;
            }
        }
    }
    >div:last-child{
        width: 15rem;
        margin-top:1.5rem ;
        img{
            width: 100%;
            border-radius: 0.6rem;
        }
    } 
}
.introduction{
    padding:0 1rem;

    >h2{
        color: rgb(153, 153, 153);
        font-weight: normal;
    }
    >div:nth-of-type(2){
        img{
            width: 4rem;
        }
    }
    >div:nth-of-type(3){
        margin-top: 1rem;
        >div:first-child{
            display: flex;
            justify-content: start;
            div:nth-child(1){
                img{
                    width: 3.5rem;
                    border-radius: 1.75rem;
                }
            }
            div:nth-child(2){
                p{
                    margin-top: 0.25rem;
                }
                p:last-child{
                    font-size: 0.7rem;
                    color: rgb(143, 143, 143);
                }
            }
            div:nth-child(3){
                img{
                    width: 0.8rem;
                }
            }
        }
        >div:last-child{
            padding-left: 3.5rem;
        }
    }
    >div:nth-of-type(4){
        &:extend(.introduction>div:nth-of-type(3) all);
    }
}

.footer{
    .both(top,2.8rem * 0.7 *0.5);
    position: relative;
    top: ;
    input{
        outline: 0;
        padding: 1rem;
        color: gray;
    }
}